<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件管理</title>
    <#include "/common/common.ftl">
    <style>
        .content{
            position:absolute;
            width:600px;
            height:400px;
            top:0;
            bottom:0;
            right:50px;
            margin:auto 0;
        }
        .content-view{
            border:1px solid #CCC;
            border-radius:5px;
            box-shadow: 0px 0px 5px #CCC;
        }
        .list-cell{
            height:40px;
            padding:5px;
        }
        .list-cell>span{
            display:inline-block;
            line-height:30px;
        }
        .list-cell>input{
            height:30px;
            box-sizing: border-box;
            border:1px solid #CCC;
            border-radius:5px;
            outline: none;
        }
        .list-cell>input:focus{
            box-shadow: 0px 0px 5px #00CCB7;
            border-color:#00CCB7;
        }
        .list-footer{
            position: absolute;
            bottom:0;
            height:40px;
            left:0;
            right:0;
            padding:5px;
        }
        .list-footer-view{
            border-top:1px solid #CCC;
        }
        .list-btn{
            padding:3px 5px;
            border:1px solid #CCC;
            border-radius: 5px;
            background-color: #FFF;
            outline: none;
            float:right;
        }
        .list-btn-view:active{
            box-shadow: 3px 3px 5px #555 inset;
        }
        .list-btn-success{
            background-color: #00CA4F;
            color:#FFF;
        }
    </style>
</head>
<body>
    <div class="content content-view">
        <div class="list-cell">
            <span>文件类别：</span>
            <input type="text"/>
        </div>
        <div class="list-cell">
            <span>请选择文件：</span>
            <button class="list-btn list-btn-view list-btn-success">➕</button>
        </div>
        <div class="list-footer list-footer-view">
            <button class="list-btn list-btn-view list-btn-success">确定</button>
        </div>
    </div>
</body>
<script>
</script>
</html>